<template>
  <div class="Home">
    <v-chart :options="polar"/>
  </div>
</template>

<script>
import VECharts from './../../VEchart'

export default {
  name: 'Home',
  components:{
      'v-chart': VECharts,
  },
  data() { 
    return {
        polar:{
          backgroundColor: '#fff',
          tooltip: {},
          animationDurationUpdate: function(idx) {
              // 越往后的数据延迟越大
              return idx * 100;
          },
          animationEasingUpdate: 'bounceIn',
          color: ['#fff', '#fff', '#fff'],
          series: [{
              type: 'graph',
              layout: 'force',
              force: {
                  repulsion: 500,
                  edgeLength: 10
              },
              roam: true,
              label: {
                  normal: {
                      show: true
                  }
              },
              data: [ {
                  "name": "兼职",
                  "value": 6181,
                  "symbolSize": 100,
                  "draggable": true,
                  "itemStyle": {
                      "normal": {
                          "borderColor": "rgb(206, 188, 11)",
                          "borderWidth": 4,
                          "shadowBlur": 100,
                          "shadowColor": "rgb(206, 188, 11)",
                          "color": "rgb(206, 188, 11)"
                      }
                  }
              }, {
                  "name": "家教",
                  "value": 4055,
                  "symbolSize": 100,
                  "draggable": true,
                  "itemStyle": {
                      "normal": {
                          "borderColor": "rgb(98, 41, 72)",
                          "borderWidth": 4,
                          "shadowBlur": 100,
                          "shadowColor": "rgb(98, 41, 72)",
                          "color": "rgb(98, 41, 72)"
                      }
                  }
              }, {
                  "name": "招聘",
                  "value": 1112,
                  "symbolSize": 100,
                  "draggable": true,
                  "itemStyle": {
                      "normal": {
                          "borderColor": "rgb(116, 207, 18)",
                          "borderWidth": 4,
                          "shadowBlur": 100,
                          "shadowColor": "rgb(116, 207, 18)",
                          "color": "rgb(116, 207, 18)"
                      }
                  }
              }, {
                  "name": "租房",
                  "value": 582,
                  "symbolSize": 100,
                  "draggable": true,
                  "itemStyle": {
                      "normal": {
                          "borderColor": "rgb(81, 27, 15)",
                          "borderWidth": 4,
                          "shadowBlur": 100,
                          "shadowColor": "rgb(81, 27, 15)",
                          "color": "rgb(81, 27, 15)"
                      }
                  }
              }]
          }]
        }
    }
  }
 }
</script>

<style lang="scss" scoped>
</style>